<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<style type="text/css">
</style>
<script type="text/javascript" src="/js/jquery-1.4.2.js/"></script>
<script type="text/javascript" src="/js/jplugin/jquery.blockUI.js/"></script>
<link rel="stylesheet" href="/style/blockUI.css" type="text/css" media="screen" />

<script type="text/javascript">
	$(function(){
		$("body").prepend("<div>NEW</div>");
	});
	
	function openLayer(){
		var ajaxopts = {url:'/login4pop',data:{}};
		var LOC = {width:($(window).width()-750)/2,height:($(window).height()-540)/2};
		$.blockAjaxUI(
				{message:'<div><img src="/images/loading7.gif"></div>',
				 css : {
					 backgroundColor : '#fff',
					 color : '#000',
					 width:'750px',
					 height:'540px',
					 border:'3px solid #aaa',
					 left:LOC.width,
					 top:LOC.height				 
					 }
				},
				ajaxopts);
	}
	
	/*css: {
		padding:	0,
		margin:		0,
		width:		'30%',
		top:		'40%',
		left:		'35%',
		textAlign:	'center',
		color:		'#000',
		border:		'3px solid #aaa',
		backgroundColor:'#fff',
		cursor:		'default'
	},*/
	
</script>
</head>
<body>
<div style="height:200px">
	<div>
		<a id="al" href="javascript:popup1()">普通弹出层</a>
	</div>

	<a onclick="javascript:popupPage()">我要试试</a>
	
	<div>
		<a id="al" href="javascript:openLayer()">普通弹出层</a>
	</div>
	
	<div>
		<a id="al" href="javascript:Pop.blockUI()">ajax</a>
	</div>

	<div id="page" style="display: none;">
		<form action="" method="post">
			<input type="text" /><input type="submit" value="提交" />
		</form>
	</div>
	
</div>
</body>
</html>

